<div class="form-container">
    <br/>
    <div class="box">
        <div class="row marginZero">
            <h4>测试table查询模式</h4>
        </div>
        <div class="row marginZero">
            <epoch:table id="testTableNewSearch" queryUrl="${basePath}/sys/test/testTableNewSearchAjax" rowId="id"
                tableName="测试table查询模式" newBtn="false" delBtn="false" showRefresh="true">
                <epoch:tr name="id" formName="id" check="checkbox"></epoch:tr>
                <epoch:tr name="名称" formName="menu_name" width="10%"></epoch:tr>
                <epoch:tr name="描述" formName="comments" width="20%"></epoch:tr>
                <epoch:tr name="状态" formName="status" filterType="select"
                    filterData="${lisFun.dictForFilter('PUB_ENABLE_DISABLE')}" width="5%"></epoch:tr>
                <epoch:tr name="地址" formName="menu_url" width="50%"></epoch:tr>
                <epoch:tr name="图标" formName="menu_icon" width="10%">
                    <i class='fa ~{value} fa-1' aria-hidden='true'></i>~{value}
                </epoch:tr>
                <epoch:tr name="序号" formName="menu_order" width="5%"></epoch:tr>
            </epoch:table>
        </div>
    </div>
    <br/>
    <div class="box">
        <div class="row marginZero">
            <h4>测试table导出功能</h4>
        </div>
        <div class="row marginZero">
            <epoch:table id="testTableNewExport" queryUrl="${basePath}/sys/test/testTableNewSearchAjax" rowId="id"
                tableName="测试table导出功能" newBtn="false" delBtn="false" showRefresh="true" exportMode="server"
                exportTypes="['json','xml','csv','txt','sql','doc','excel','xlsx']" exportFileName="测试导出文件"
                exportSheetName="测试导出Sheet" exportTableName="TEST_TABLE">
                <epoch:tr name="id" formName="id" check="checkbox"></epoch:tr>
                <epoch:tr name="行号" export="true" exportCvt="com.epoch.base.export.ExportRowNumConvertor" width="3%">~{index+1}</epoch:tr>
                <epoch:tr name="名称" formName="menu_name" width="10%"></epoch:tr>
                <epoch:tr name="描述" formName="comments" width="20%"></epoch:tr>
                <epoch:tr name="状态" formName="status" filterType="select"
                    filterData="${lisFun.dictForFilter('PUB_ENABLE_DISABLE')}" width="5%"></epoch:tr>
                <epoch:tr name="地址" formName="menu_url" exportCvt="com.epoch.platform.sys.test.TestMenuLinkExportConvertor" width="32%">
                    ~{row.menu_type == 'outurl' ? '外部: ' : row.menu_type == 'url' ? '系统: ' : ''}~{value}
                </epoch:tr>
                <epoch:tr name="图标" formName="menu_icon" export="false" width="10%">
                    <i class='fa ~{value} fa-1' aria-hidden='true'></i>~{value}
                </epoch:tr>
                <epoch:tr name="序号" formName="menu_order" width="5%"></epoch:tr>
                <epoch:tr name="创建时间" formName="create_date" width="10%" filterType="date"></epoch:tr>
                <epoch:tr name="操作" width="5%">
                    <button class="btn btn-danger" onclick="MessageBox.success('本行ID: ~{row.id}');">显示ID</button>
                </epoch:tr>
            </epoch:table>
        </div>
    </div>
    <div class="box">
        <div class="row marginZero">
            <h4>测试table动态列</h4>
        </div>
        <div class="row marginZero">
            <epoch:table id="testDynaCols" queryUrl="${basePath}/sys/test/testDynaColsTableAjax" rowId="rowId" showRefresh="true">
                <epoch:tr check="checkbox"></epoch:tr>
                @for(col in dynaCols){
                    <epoch:tr name="${col.title}" formName="${col.field}"></epoch:tr>
                @}
            </epoch:table>
        </div>
    </div>
</div>
